/*
 * @Descripttion: 文本json文件
 * @version: 
 * @Author: qianlishi
 * @Date: 2021-08-29 06:52:13
 * @LastEditors: qianlishi
 * @LastEditTime: 2021-09-28 14:20:12
 */
export const widgetTextPlus = {
  code: 'widget-text-plus',
  type: 'html',
  label: '文本plus',
  icon: 'iconziyuan',
  options: {
    // 配置
    setup: [
      {
        type: 'el-input-text',
        label: '图层名称',
        name: 'layerName',
        required: false,
        placeholder: '',
        value: '文本plus',
      },
      {
        type: 'el-input-text',
        label: '字段名称',
        name: 'fieldName',
        required: false,
        placeholder: '',
        value: 'text',
      },
      {
        type: 'el-input-text',
        label: '文本内容',
        name: 'text',
        required: false,
        placeholder: '',
        value: '文本plus',
      },
      {
        type: 'el-input-number',
        label: '字体大小',
        name: 'fontSize',
        required: false,
        placeholder: '',
        value: '26',
      },
      {
        type: 'vue-color',
        label: '字体颜色',
        name: 'color',
        required: false,
        placeholder: '',
        value: '#FAD400',
      },
      {
        type: 'el-input-number',
        label: '字体间距',
        name: 'letterSpacing',
        required: false,
        placeholder: '',
        value: '0',
      },
      {
        type: 'vue-color',
        label: '字体背景',
        name: 'background',
        required: false,
        placeholder: '',
        value: 'rgba(115,170,229,.0)',
      },
      {
        type: 'el-select',
        label: '文字粗细',
        name: 'fontWeight',
        required: false,
        placeholder: '',
        selectOptions: [
          { code: 'normal', name: '正常' },
          { code: 'bold', name: '粗体' },
          { code: 'bolder', name: '特粗体' },
          { code: 'lighter', name: '细体' }
        ],
        value: 'normal'
      },
      {
        type: 'el-select',
        label: '对齐方式',
        name: 'textAlign',
        required: false,
        placeholder: '',
        selectOptions: [
          { code: 'center', name: '居中' },
          { code: 'left', name: '左对齐' },
          { code: 'right', name: '右对齐' },
        ],
        value: 'center'
      },
      {
        type: 'el-select',
        label: '文本样式',
        name: 'textStyle',
        required: false,
        placeholder: '',
        selectOptions: [
          { code: 'none', name: '无' },
          { code: 'text-plus-1', name: '样式1' },
          { code: 'text-plus-2', name: '样式2' },
          { code: 'text-plus-3', name: '样式3' },
          { code: 'text-plus-4', name: '样式4' },
          { code: 'text-plus-5', name: '样式5' },
          { code: 'text-plus-6', name: '样式6' },
          { code: 'text-plus-7', name: '样式7' },
          { code: 'text-plus-8', name: '样式8' },
          { code: 'text-plus-9', name: '样式9' },
          { code: 'text-plus-10', name: '样式10' },
          { code: 'text-plus-11', name: '样式11' },
          { code: 'text-plus-12', name: '样式12' },
          { code: 'text-plus-13', name: '样式13' },
          { code: 'text-plus-14', name: '样式14' },
        ],
        value: 'none'
      },
      [
        {
          name: '动画设置',
          list: [
            {
              type: 'el-select',
              label: '动画名称',
              name: 'animateName',
              required: false,
              placeholder: '',
              selectOptions: [
                { code: 'none', name: '无' },
                { code: 'bounce', name: 'bounce' },
                { code: 'flash', name: 'flash' },
                { code: 'pulse', name: 'pulse' },
                { code: 'rubberBand', name: 'rubberBand' },
                { code: 'shakeX', name: 'shakeX' },
                { code: 'shakeY', name: 'shakeY' },
                { code: 'headShake', name: 'headShake' },
                { code: 'swing', name: 'swing' },
                { code: 'tada', name: 'tada' },
                { code: 'wobble', name: 'wobble' },
                { code: 'jello', name: 'jello' },
                { code: 'heartBeat', name: 'heartBeat' },
                { code: 'bounceIn', name: 'bounceIn' },
                { code: 'bounceInDown', name: 'bounceInDown' },
                { code: 'bounceInLeft', name: 'bounceInLeft' },
                { code: 'bounceInRight', name: 'bounceInRight' },
                { code: 'bounceInUp', name: 'bounceInUp' }
              ],
              value: 'none'
            },
            {
              type: 'el-input-text',
              label: '动画时间（秒）',
              name: 'animateDuration',
              required: false,
              placeholder: '',
              value: '1',
            },
            {
              type: 'el-input-text',
              label: '动画延时（秒）',
              name: 'animateDelay',
              required: false,
              placeholder: '',
              value: '1',
            },
            {
              type: 'el-input-text',
              label: '重复次数',
              name: 'animateRepeat',
              required: false,
              placeholder: '',
              value: '1',
            }
          ],
        }
      ]
    ],
    // 数据
    data: [
      {
        type: 'el-radio-group',
        label: '数据类型',
        name: 'dataType',
        require: false,
        placeholder: '',
        selectValue: true,
        selectOptions: [
          {
            code: 'staticData',
            name: '静态数据',
          },
          {
            code: 'dynamicData',
            name: '动态数据',
          },
        ],
        value: 'staticData',
      },
      {
        type: 'el-input-number',
        label: '刷新时间(毫秒)',
        name: 'refreshTime',
        relactiveDom: 'dataType',
        relactiveDomValue: 'dynamicData',
        value: 5000
      },
      {
        type: 'el-button',
        label: '静态数据',
        name: 'staticData',
        required: false,
        placeholder: '',
        relactiveDom: 'dataType',
        relactiveDomValue: 'staticData',
        value: '文本框',
      },
      {
        type: 'dycustComponents',
        label: '',
        name: 'dynamicData',
        required: false,
        placeholder: '',
        relactiveDom: 'dataType',
        relactiveDomValue: 'dynamicData',
        chartType: 'widget-text',
        dictKey: 'TEXT_PROPERTIES',
        value: '',
      }
    ],

    // 坐标
    position: [
      {
        type: 'el-input-number',
        label: '左边距',
        name: 'left',
        required: false,
        placeholder: '',
        value: 0,
      },
      {
        type: 'el-input-number',
        label: '上边距',
        name: 'top',
        required: false,
        placeholder: '',
        value: 0,
      },
      {
        type: 'el-input-number',
        label: '宽度',
        name: 'width',
        required: false,
        placeholder: '该容器在1920px大屏中的宽度',
        value: 100,
      },
      {
        type: 'el-input-number',
        label: '高度',
        name: 'height',
        required: false,
        placeholder: '该容器在1080px大屏中的高度',
        value: 40
      },
    ],
  }
}